@charset "UTF-8";

$baseColor: #7cbdfd;
$baseBorder: 1px solid #ddd;

/* top */
.top{
  width:100%;
  height:30px;
  background:#f2f2f2;
}
.topc{
  height:30px;
}
.topc p{
  line-height:30px;
  font-size:12px;
}
.topc .fr a{
  padding:0px 5px;
}
.topc .fr a:Hover{
  color:#fff;
}

.header img{
  width: 100%;
}

/* nav */
.nav{
  .box{
    background: $baseColor;
  }
  .nav1{
    position: relative;
  }
  .nav1 img{
    position: absolute;
    top: 20px;
    left: 60px;
    display: none;
  }
  .nav1:hover img{
    display: block;
  }
  .down{
    float:left;
    text-align: center;
    width:140px;
    position: relative;
    transition:all 0.1s;
    z-index:11;
    >a{
      color: #fff;
      height:60px;
      line-height:60px;
      width:140px;
      display: block;
    }
    ul{
      width:140px;
      display:none;
      position:absolute;
      top:60px;
      left:0;
      z-index:3;
      li{
        width:140px;
        height:50px;
        background:#041b30;
        color:#fff;
        text-align:center;
        line-height:26px;
        span{
          display: inline-block;
          width: 90px;
          height: 26px;
          border-bottom: 1px solid #313f4b;
          line-height: 24px;
        }
        span:hover{
          color: #09a7f9;
          border-bottom: 1px solid #09a7f9;
        }
      }
    }
  }
  .down:hover,
  .wrapper>ul>li>ul>li:hover{
    color: #099ce8;
    background:#041b30;
  }
  a:link,
  a:visited {
    color:#fff;
    font-size:14px;
    display: block;
  }
}

/* banner */
.banner-wrap{
  margin-top: 20px;
}
.banner-box{
  width: 55%;
  height: 400px;
  overflow: hidden;
  position: relative;
}
.banner{
  height:400px;
  overflow:hidden;
}
.banner .d1{
  width:100%;height:400px;display:block;position:absolute;left:0px;top:0px;}
.banner .d2{
  width:100%;height:30px;clear:both;
  position:absolute;z-index:2;left:0px;
  top:380px;
}
.banner .d2 ul{float:left;position:absolute;left:55%;top:0;margin:0 0 0 -96px;display:inline;}
.banner .d2 li{
  width:17px;
  height:15px;
  overflow:hidden;
  cursor:pointer;
  background:url(../images/img1.png) no-repeat center;
  float:left;
  margin:0 3px;
  display:inline;
}
.banner .d2 li.nuw{
  background:url(../images/img1_1.png) no-repeat center;
}

.lists-bd{
  width: 40%;
  padding: 0 10px;
  .hd{
    border-bottom: $baseBorder;
    line-height: 40px;
    font-size: 16px;
    color: #999;
    h4{
      display: inline-block;
      margin-left: 10px;
    }
    a{
      color: $baseColor;
    }
  }
  .bd{
    i{
      width: 11px;
      height: 11px;
      display: inline-block;
      background: url("../images/r_arrow.png")no-repeat center;
      vertical-align: middle;
      margin-right: 10px;
    }
    li a{
      line-height: 50px;
      font-size: 18px;
      display: block;
      &:hover{
        color: $baseColor;
      }
    }
  }
}

/* 基层信息图片 */
.plist{
  height:170px;
  overflow:hidden;
}
.seusr-box{
  margin-top:15px;
  height:150px;
  overflow:hidden;
}
.suimg ul img{
  border:3px solid #CCC;
  width:164px;
  height:119px;
  overflow:hidden;
}
.suimg ul img:hover{
  border:3px solid #186d1a;
}
.suimg ul a{
  display:block;
  width:170px;
  height:155px;
  overflow:hidden;
  line-height:30px;
  float:left;
  text-align:center;
  margin:0px 10px;
}

/* 其他信息列表 */
.lists-wrap{
  .main{
    width:1000px;
      .lists-bd{
      width: 420px;
      margin-right: 60px;
      margin-bottom: 30px;
      li a{
        line-height: 45px;
        font-size: 16px;
      }
    }
  }
  .aside{
    width:200px;
    overflow: hidden;
    img{
      height: 300px;
      width: 100%;
    }
    #tabbox {
      width: 200px;
      overflow: hidden;
      margin: 20px auto 0;
    }
    .tab_conbox {
      border: 1px solid #999;
      border-top: none;
    }
    .tab_con {
      display: none;
    }
    .tabs {
      height: 32px;
      border-bottom: 1px solid #999;
      border-left: 1px solid #999;
      width: 100%;
    }
    .tabs li {
      height: 31px;
      line-height: 31px;
      float: left;
      border: 1px solid #999;
      border-left: none;
      margin-bottom: -1px;
      background: $baseColor;
      overflow: hidden;
      position: relative;
      width: 98px;
      text-align: center;
      .thistab{
        color: $baseColor;
        background: $baseColor;
      }
    }
    .tabs li a {
      display: block;
      color: #fff;
      outline: none;
    }
    .tabs .thistab, .tabs .thistab a:hover {
      background: $baseColor;
      border-bottom: 1px solid #fff;
    }
    .tab_con {
      padding: 12px;
      font-size: 14px;
      line-height: 175%;
      height: 262px;
    }
  }
}

/* 广告 */
.ads{
  .col4{
    width: 280px;
    overflow: hidden;
    display: inline-block;
    margin-right: 22px;
    height: 120px;
  }
  .col4.last-child{
    margin-right: 0;
  }
}

/* 残疾人事业 */
.tit {
  margin-top: 10px;
  .hd{
    border-bottom: 2px solid $baseColor;
    line-height: 40px;
    font-size: 16px;
    color: #999;
    h4{
      display: inline-block;
      //margin-left: 10px;
      background: $baseColor;
      color: #fff;
      padding: 0 10px;
      font-size: 16px;
      border-radius: 4px;
    }
    a{
      color: $baseColor;
    }
  }
}
.pshow2{
  margin-bottom: 20px;
  .col2{
    width: 564px;
    padding: 15px;
    background: #efefef;
    border-radius: 4px;
  }
  .suimg .col2 img{
    border:3px solid #CCC;
    width:164px;
    height: 190px;
    overflow:hidden;
    margin-bottom: 15px;
  }
  .suimg .col2 img:hover{
    border:3px solid $baseColor;
  }
  .suimg .col2 a{
    color: #999;
    display:block;
    width:170px;
    overflow:hidden;
    line-height:30px;
    float:left;
    text-align:center;
    margin-right: 26px;
  }
  .suimg .col2 .last-child{
    margin-right: 0;
  }
}
/* last section */
.others{
  margin-top: 20px;
  .wrap{
    display: inline-block;
    vertical-align: top;
    h3{
      font-size: 16px;
      margin-bottom: 10px;
      display: inline-block;
    }
  }
  .table-download{
    width: 300px;
    overflow: hidden;
    margin-right: 15px;
  }
  .content{
    border: $baseBorder;
    border-radius: 4px;
    padding: 10px;
    font-size: 14px;
    a{
      line-height: 24px;
      display: block;
      overflow:hidden;
      text-overflow:ellipsis;
      white-space:nowrap;
      &:hover{
        color: $baseColor;
      }
    }
  }
  .search{
    width: 500px;
    margin-right: 15px;
    h5{
      margin-bottom: 14px;
    }
    label{
      margin-bottom: 10px;
      display: inline-block;
      margin-right: 10px;
    }
    button{
      width: 100px;
      background: #ddd;
      outline: none;
      text-decoration: none;
      margin-right: 10px;
      margin-top: 10px;
    }
  }
  .dir{
    width: 350px;
    margin-right: 0;
    .more{
      display: inline-block;
      &:hover{
        color: $baseColor;
      }
    }
  }
}

/* 友情链接 */
.friendship-lnk{
  margin-top: 20px;
  margin-bottom: 50px;
  h4{
    font-size: 16px;
    margin-bottom: 10px;
  }
  .wrap{
    padding: 15px;
    border: $baseBorder;
    border-radius: 4px;
  }
  select{
    width: 220px;
    line-height: 30px;
    margin-right: 10px;
    margin-bottom: 30px;
  }
  .lnk{
    margin-right: 10px;
  }
}

/* lists page */
.lists-wrap{
  margin-top: 10px;
  .aside-nav{
     li {
       a{
         width: 200px;
         border: $baseBorder;
         line-height: 60px;
         text-align: center;
         display: block;
       }
       .thistab{
         color: $baseColor;
       }
     }
  }
  .section{
    padding: 15px;
    width: 930px;
    .tit-hd {
      border-bottom: $baseBorder;
      margin-bottom: 10px;
      a{
        font-size: 16px;
      }
    }
    .lists{
      li a{
        display: block;
        line-height: 40px;
        border-bottom: 1px dashed #ddd;
        &:hover{
          color: $baseColor;
        }
      }
    }
  }
}
.bt-info{
  margin-top: 20px;
  .mr20{
    margin-right: 20px;
  }
  span,a{
    font-size: 14px;
  }
  a:hover{
    color: $baseColor;
  }
  span{
    a{
      background: #fafafa;
      padding: 0 4px;
      margin-right: 6px;
    }
  }
}

/* details */
.main-info{
  .article-tit  {
    text-align: center;
    border-bottom: $baseBorder;
    padding: 30px 0 10px;
    h2{
      font-size: 24px;
      font-weight: 400;
      margin-bottom: 30px;
    }
  }
  .article-bd{
    padding: 25px 0;
    p{
      text-indent: 2em;
      line-height: 28px;
    }
  }
  .fr{
    margin-top: 40px;
    a{
      font-size: 14px;
      margin-left: 10px;
    }
    a:hover{
      color: $baseColor;
    }
  }
}